<script setup lang="ts">
import ZoomBtn from "@renderer/view/components/ZoomBtn.vue";
import PanBtn from "@renderer/view/components/PanBtn.vue";
import MeasureBtn from "@renderer/view/components/measureBtn.vue";
import TagBtn from "@renderer/view/components/TagBtn.vue";
import WindowBtn from "@renderer/view/components/windowBtn.vue";
import ScrollBtn from "@renderer/view/components/ScrollBtn.vue";
import ViewGripSetting from "@renderer/view/components/viewGripSetting.vue";
import RotateBtn from "@renderer/view/components/rotateBtn.vue";
import ResetBtn from "@renderer/view/components/resetBtn.vue";
import PlayOrPauseBtn from "@renderer/view/components/PlayOrPauseBtn.vue";
import ArrowMarkBtn from "@renderer/view/components/arrowMarkBtn.vue";
import ViewSelectBtn from "@renderer/view/components/viewSelectBtn.vue";
import ShowSettingBtn from "@renderer/view/components/showSettingBtn.vue";
import ExportBtn from "@renderer/view/components/exportBtn.vue";
import SyncBtn from "@renderer/view/components/syncBtn.vue";
import PseudoColorBtn from "@renderer/view/components/pseudoColorBtn.vue";
import ScreenShotBtn from "@renderer/view/components/screenShotBtn.vue";
</script>

<template>
    <div class="w-full overflow-x-auto overflow-y-hidden !pl-[20px] !pr-[20px]">
      <div class=" flex gap-x-[5px] !h-[35px] justify-center min-w-max">
        <view-grip-setting/>
        <view-select-btn/>
        <pan-btn/>
        <zoom-btn/>
        <window-btn/>
        <rotate-btn/>
        <reset-btn/>
        <scroll-btn/>
        <arrow-mark-btn />
        <measure-btn/>

        <play-or-pause-btn/>

        <show-setting-btn/>

        <screen-shot-btn/>
        <export-btn/>
        <sync-btn/>
        <tag-btn/>
        <pseudo-color-btn/>
      </div>
    </div>

</template>
<style scoped></style>
